<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 微任务 和宏任务 
        // promise 是一个同步方法，promise对象里的then是异步方法
        /**
         * 微任务：  promise对象里的then， MutationObserver ：用于观察节点变化 
         *           process.nextTick()
         * 宏任务：  定时器，主代码块（script:用于执行同步代码），ajax、资源的加载。。
          */
        console.log(111);
        setTimeout(() => {
           console.log(555); 
        });
        let p = new Promise(res=>{
            console.log(222);
           res();
        })

        // setTimeout(() => {
        //     console.log(4444); 
        // });
        p.then(res=>{
            console.log(444);
        })


        console.log(333);
    </script>
</body>
</html>